<template>
  <el-card class="card-body">
    <!--    <SearchForm @getTableData="getTableData" />-->
    <!--    <el-divider style="margin: 0 0 22px 0" />-->
    <DataTables
      :tableData="tableData"
      :count="count"
      @getTableData="getTableData"
    />
  </el-card>
</template>

<script>
// import SearchForm from './components/SearchForm';
import DataTables from "./components/DataTables";
import { getModuleListApi } from "@/api/modules/modules.api";

export default {
  components: {
    // SearchForm,
    DataTables,
  },
  data() {
    return {
      tableData: [],
      count: 0,
    };
  },
  mounted() {
    this.getTableData({});
  },
  methods: {
    async getTableData({ ...data }) {
      const item = await getModuleListApi({ ...data });
      this.tableData = item;
    },
  },
};
</script>
